<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%
	Thread.sleep(500); // sleep 1 seconds
%>

<div class="span12">
	<div class="widget"><ul class="breadcrumb br_styled no_space">
		<li><a href="${pageContext.request.contextPath}/template/">Dashboard</a> <span class="divider">/</span>
		</li>
		<li class="active">Alexa</li>
	</ul></div>
	<ul class="breadcrumb br_styled no_space">
		<li class="active">Alexa</li>
	</ul>
	<ul class="page_info">
		<li><img src="alexa/LogoAlexa.gif"></li>
		<li>Alexa Internet est une entreprise basée à San Francisco,
			fondée en avril 1996. Elle appartient au groupe Amazon. Son site Web
			est principalement connu pour fournir des statistiques sur le trafic
			du Web mondial..</li>
	</ul>
	<div class="row-fluid">
		<div class="span6">
			<div class="widget">
				<header>
					<h3>Taille de la Première page</h3>
					<ul class="toggle_content">
						<li class="arrow"><a href="#">Toggle Content</a></li>
					</ul>
				</header>
				<section class="code_align">
					<span class="label label-info"><s:property value="taille" /></span>
				</section>
			</div>
		</div>
		<div class="span6">
			<div class="widget">
				<header>
					<h3>Temps de chargement de la Première page</h3>
					<ul class="toggle_content">
						<li class="arrow"><a href="#">Toggle Content</a></li>
					</ul>
				</header>
				<section class="code_align">
					<span class="label label-info"><s:property value="tempsReponse" />
						%</span>
				</section>
			</div>
		</div>
	</div>
	<div class="widget">
		<header>
			<h3>
				Technologies <span>- Découvrer les technologies de ce site</span>
			</h3>
			<ul class="toggle_content">
				<li class="arrow"><a href="#">Toggle Content</a></li>
			</ul>
		</header>
		<section>
			<table id="resizableTable" class="table_basic chbox css">
				<thead>
					<tr>
						<td>Categorie</td>
						<td>Technologie</td>
					</tr>
				</thead>
				<tbody>
					<s:iterator value="cat">
						<tr>
							<td><s:property value="categorie" /></td>
							<td style="color: black;"><s:iterator value="tech"><s:property value="thechnologie" />, </s:iterator></td>
						</tr>
					</s:iterator>
				</tbody>
				<tfoot>
					<tr>
						<td>Categorie</td>
						<td>Technologie</td>
					</tr>
				</tfoot>
			</table>
		</section>
	</div>
	<div class="widget">
		<header>
			<h3>
				ReponseHeader <span>- Découvrer les technologies de ce site</span>
			</h3>
			<ul class="toggle_content">
				<li class="arrow"><a href="#">Toggle Content</a></li>
			</ul>
		</header>
		<section>
			<table id="resizableTable" class="table_basic chbox css">
				
				<tbody>
					<s:iterator value="header">
						<tr>
							<td><s:property value="description" /></td>
						
						</tr>
					</s:iterator>
				</tbody>
				
			</table>
		</section>
	</div>
</div>